<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css">
    <script src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>
<div class="layui-row" style="width: 1500px;height: auto;margin-left: auto;margin-right: auto">
    <!--页面图标logo-->
    <div id="head-one">
        <img th:src="@{/images/logo.png}" style="margin-left: 15%">
        <!--当session中的user为空时显示如下-->

        <p style="float: right;margin-top: 20px;margin-right: 300px" th:if="${session.user==null}">
            <a href="/index/login" class="layui-btn layui-btn-sm" id="login">登录</a>
        </p>
        <!--当session中的user不为空时显示如下-->
        <span style="float: right;margin-right: 100px" th:if="${session.user!=null}">
<!--            <label style="top: 10px">欢迎你：</label>-->
            <ul class="layui-nav layui-bg-green" style="top: 10px">
                <li class="layui-nav-item" style="height: 30px;line-height: 30px">欢迎你：</li>
                <li class="layui-nav-item" style="height: 30px;line-height:30px">
                    <a th:text="${session.user.getUsername()}"></a>
                    <span th:text="${session.user.getTel()}" style="display: none" id="UserTel"></span>
                    <dl class="layui-nav-child" style="top: 40px">
                        <dd><a href="/index/person">个人中心</a></dd>
                        <dd><a href="/index/sc">收藏</a></dd>
                        <dd><a href="/index/logout">注销</a></dd>
                    </dl>
                </li>
            </ul>
        </span>
    </div>
    <!--搜索框-->
    <div class="serach" th:if="${session.user!=null}" style="top: 100px">
            <form th:action="@{/index/searchCity}" class="layui-form" action="" style="width: 700px;margin-right: auto;margin-left: auto">
                <div class="layui-form-item">
                    <div class="layui-input-block" style="margin-left: 0">
                        <select class="ttt" name="modules" lay-verify="required" lay-search="">
                        <option value="">请选择或搜索城市</option>
                        <option value="贵阳">贵阳</option>
                        <option value="安顺">安顺</option>
                        <option value="息烽">息烽</option>
                        <option value="镇远">镇远</option>
                        <option value="荔波">荔波</option>
                        <option value="雷山">雷山</option>
                        <option value="凯里">凯里</option>
                        <option value="遵义">遵义</option>
                        <option value="铜仁">铜仁</option>
                        <option value="毕节">毕节</option>
                        <option value="兴义">兴义</option>
                        <option value="黎平">黎平</option>
                        <option value="赤水">赤水</option>
                        <option value="六盘水">六盘水</option>
                        <option value="从江">从江</option>
                        <option value="榕江">榕江</option>
                        <option value="都匀">都匀</option>
                        <option value="金沙">金沙</option>
                        <option value="石阡">石阡</option>
                        <option value="安龙">安龙</option>
                        <option value="盘州">盘州</option>
                        <option value="晴隆">晴隆</option>
                        <option value="镇宁">镇宁</option>
                        <option value="思南">思南</option>
                        <option value="江口">江口</option>
                        <option value="织金">织金</option>
                        <option value="独山">独山</option>
                        <option value="惠水">惠水</option>
                        <option value="习水">习水</option>
                        <option value="龙里">龙里</option>
                        <option value="黄平">黄平</option>
                        <option value="大方">大方</option>
                        <option value="仁怀">仁怀</option>
                        <option value="清镇">清镇</option>
                        <option value="开阳">开阳</option>
                        <option value="福泉">福泉</option>
                        <option value="兴仁">兴仁</option>
                        <option value="平塘">平塘</option>
                        <option value="贞丰">贞丰</option>
                        <option value="施秉">施秉</option>
                        <option value="三都">三都</option>
                        <option value="桐梓">桐梓</option>
                        <option value="绥阳">绥阳</option>
                        <option value="台江">台江</option>
                        <option value="剑河">剑河</option>
                        <option value="瓮安">瓮安</option>
                        <option value="湄潭">湄潭</option>
                        <option value="赫章">赫章</option>
                        <option value="修文">修文</option>
                        <option value="普安">普安</option>
                        <option value="罗甸">罗甸</option>
                        <option value="丹寨">丹寨</option>
                        <option value="麻江">麻江</option>
                        <option value="紫云">紫云</option>
                        <option value="余庆">余庆</option>
                        <option value="凤冈">凤冈</option>
                        <option value="长顺">长顺</option>
                        <option value="关岭">关岭</option>
                        <option value="正安">正安</option>
                    </select>
                        <button class="layui-btn" style="position: absolute;left: 700px;top: 0" lay-submit lay-filter="tijiao">查询</button>
                    </div>
                </div>
            </form>
    </div>
</div>
<div class="layui-btn-group" style="position: absolute;margin-left: 150px" th:if="${session.user!=null}">
    <button type="button" class="layui-btn">
        <a href="/index/city" style="float: left;color: white;font-size: 20px">城市</a>
    </button>
    <button type="button" class="layui-btn">
        <a href="/index/sspot" style="float: left;color: white;font-size: 20px">景点</a>
    </button>
    <button type="button" class="layui-btn">
        <a href="/index/toOther" style="float: left;color: white;font-size: 20px">其他</a>
    </button>
</div>
<div class="fengexian" style="width: 100%;height: 5px;background-color: #34a8ff;margin-top:40px;margin-left: auto;margin-right:auto "></div>

</body>
<script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
</html>